<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:p="http://primefaces.org/ui">

<p:megaMenu orientation="horizontal" style="margin-top:0px">
    <p:submenu label="TV" icon="ui-icon-check">
        <p:column>
            <p:submenu label="TV.1">
                <p:menuitem value="TV.1.1" url="#" />
                <p:menuitem value="TV.1.2" url="#" />
            </p:submenu>
            <p:submenu label="TV.2">
                <p:menuitem value="TV.2.1" url="#" />
                <p:menuitem value="TV.2.2" url="#" />
                <p:menuitem value="TV.2.3" url="#" />
            </p:submenu>
        </p:column>
 
        <p:column>
            <p:submenu label="TV.4">
                <p:menuitem value="TV.4.1" url="#" />
                <p:menuitem value="TV.4.2" url="#" />
            </p:submenu>
            <p:submenu label="TV.5">
                <p:menuitem value="TV.5.1" url="#" />
                <p:menuitem value="TV.5.2" url="#" />
                <p:menuitem value="TV.5.3" url="#" />
            </p:submenu>
        </p:column>
 
        <p:column>
            <strong>Image</strong>
            <p:graphicImage name="/resources/images/logo_head.jpg" width="200"/>
        </p:column>
    </p:submenu>
 
    <p:submenu label="Sports" icon="ui-icon-document">
 
        <p:column>
            <p:submenu label="Sports.1">
                <p:menuitem value="Sports.1.1" url="#" />
                <p:menuitem value="Sports.1.2" url="#" />
            </p:submenu>
            <p:submenu label="Sports.2">
                <p:menuitem value="Sports.2.1" url="#" />
                <p:menuitem value="Sports.2.2" url="#" />
                <p:menuitem value="Sports.2.3" url="#" />
            </p:submenu>
        </p:column>
 
        <p:column>
            <p:submenu label="Sports.4">
                <p:menuitem value="Sports.4.1" url="#" />
                <p:menuitem value="Sports.4.2" url="#" />
            </p:submenu>
            <p:submenu label="Sports.5">
                <p:menuitem value="Sports.5.1" url="#" />
                <p:menuitem value="Sports.5.2" url="#" />
                <p:menuitem value="Sports.5.3" url="#" />
            </p:submenu>
        </p:column>
        <p:column>
            <p:submenu label="Sports.7">
                <p:menuitem value="Sports.7.1" url="#" />
                <p:menuitem value="Sports.7.2" url="#" />
            </p:submenu>
        </p:column>
    </p:submenu>
 
    <p:submenu label="Entertainment" icon="ui-icon-pencil">
        <p:column>
            <p:submenu label="Entertainment.1">
                <p:menuitem value="Entertainment.1.1" url="#" />
                <p:menuitem value="Entertainment.1.2" url="#" />
            </p:submenu>
            <p:submenu label="Entertainment.2">
                <p:menuitem value="Entertainment.2.1" url="#" />
                <p:menuitem value="Entertainment.2.2" url="#" />
                <p:menuitem value="Entertainment.2.3" url="#" />
            </p:submenu>
        </p:column>
 
        <p:column>
            <p:submenu label="Entertainment.4" icon="ui-icon-help">
                <p:menuitem value="Entertainment.4.1" url="#" />
                <p:menuitem value="Entertainment.4.2" url="#" />
            </p:submenu>
            <p:submenu label="Entertainment.5">
                <p:menuitem value="Entertainment.5.1" url="#" />
                <p:menuitem value="Entertainment.5.2" url="#" />
                <p:menuitem value="Entertainment.5.3" url="#" />
            </p:submenu>
        </p:column>
    </p:submenu>
 
    <p:submenu label="Tech" icon="ui-icon-contact">
        <p:column>
            <p:submenu label="Tech.1">
                <p:menuitem value="Tech.1.1" url="#" />
                <p:menuitem value="Tech.1.2" url="#" />
            </p:submenu>
            <p:submenu label="Tech.2">
                <p:menuitem value="Tech.2.1" url="#" />
                <p:menuitem value="Tech.2.2" url="#" />
                <p:menuitem value="Tech.2.3" url="#" />
            </p:submenu>
        </p:column>
 
        <p:column>
            <p:submenu label="Tech.4">
                <p:menuitem value="Tech.4.1" url="#" />
                <p:menuitem value="Tech.4.2" url="#" />
            </p:submenu>
        </p:column>
    </p:submenu>
 
    <p:menuitem value="Quit" url="http://www.primefaces.org" icon="ui-icon-close" />
</p:megaMenu>
</ui:composition>
